<html>
<head>
	<meta charset="UTF-8">
	<title>第7章作业</title>
	<link rel="stylesheet" href="works_img/style.css">
</head>
<body>
	<div class="wrapper">
		<div class="header page-layout">
			<img src="works_img/panda.png" class="logo">
			<p class="site-name">测试网站^_^</p>
			<div class="login-form">
				<form action="##">
					<p class="form-item">
						<label>登录名</label>
						<span><input type="text" class="txtbox"></span>
					</p>
					<p class="form-item">
						<label>密码</label>
						<span><input type="password" class="txtbox"></span>
					</p>
					<p class="form-item">
						<a href="###" class="button">登录</a>
					</p>
				</form>
			</div>
		</div>
		<div class="menu">
			<ul class="page-layout">
				<li>
					<a class="actived" href="#">首页</a>
				</li>
				<li>
					<a href="#">知识库</a>
				</li>
				<li>
					<a href="#">论坛</a>
				</li>
				<li>
					<a href="#">问答</a>
				</li>
				<li>
					<a href="#">圈子</a>
				</li>
				<li>
					<a href="#">帮助中心</a>
				</li>
			</ul>
		</div>
		<div class="content page-layout">
			<div class="new-content">
				<div class="detail">
					<h1 style="text-align:center;">这是新闻标题</h1>
					<hr>
					<div style="background:#f00;padding:10px;color:#fff;">
						这是新闻内容<br>
						这是新闻内容<br>
						这是新闻内容<br>
						这是新闻内容<br>
						这是新闻内容<br>
					</div>
				</div>
				<div class="page-control">
					第
					<span>1</span>
					<a href="#">2</a>
					<a href="#">3</a>
					页
				</div>
			</div>
			<div class="right-nav">
				<div class="item top">
					<h3 class="title">新闻排行榜
					<a class="more" href="#">More</a></h3>
					<div class="item-list">
						<ul>
							<li>新闻标题1</li>
							<li>新闻标题2</li>
							<li>新闻标题3</li>
							<li>新闻标题4</li>
							<li>新闻标题5</li>
						</ul>
					</div>
				</div>
				<div class="item lasted">
					<h3 class="title">最新新闻
					<a class="more" href="#">More</a></h3>
					<div class="item-list">
						<ul>
							<li>新闻标题1</li>
							<li>新闻标题2</li>
							<li>新闻标题3</li>
							<li>新闻标题4</li>
							<li>新闻标题5</li>
						</ul>
					</div>
				</div>
				<div class="item funs">
					<h3 class="title">
						娱乐新闻
						<a class="more" href="#">More</a>
					</h3>
					<div class="item-list">
						<ul>
							<li>新闻标题1</li>
							<li>新闻标题2</li>
							<li>新闻标题3</li>
							<li>新闻标题4</li>
							<li>新闻标题5</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footer">
			&copy 2014 XXXXXXX 版权所有
		</div>
	</div>
</body>
</html>